<template>
  <div v-if="bol" id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  provide() {
    return {
      num: 10,
      fn: this.sendFn,
      that: this,
      reload: this.reload
    }
  },
  data() {
    return {
      appStr: '我是app',
      bol: true
    }
  },
  created() {
    // 开发==》测试==》演练==》生产上线
    // alert(process.env.VUE_APP_XXX)
  },
  methods: {
    sendFn(str) {
      console.log(str)
    },
    reload() {
      this.bol = false
      this.$nextTick(() => {
        this.bol = true
      })
    }
  }
}
</script>
